<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css -->
    <link rel="stylesheet" href="./css/lichunong-2020-09-17-05.css">
    <link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <section class="seach">
            <input type="text" placeholder="大功率绞肉机">
            <span>📷</span>
        </section>
        <section class="nav" id="header-nav">
            <ul>
                <li class="header-nav-active">热门</li>
                <li>男装</li>
                <li>手机</li>
                <li>鞋包</li>
                <li>食品</li>
                <li>电器</li>
                <li>汽车</li>
                <li>女人</li>
                <li>服饰</li>
                <li>电脑</li>
                <li>服饰</li>
                <li>电脑</li>
                <li>服饰</li>
                <li>电脑</li>
            </ul>
        </section>
    </header>
    <!-- 头部结束 -->
    <!-- 内容开始 -->
    <main id="box">
        <section class="wrap">
            <section class="banner">
                <section class="swiper-container" id="banner">
                    <section class="swiper-wrapper">
                        <section class="swiper-slide"><img src="img/banner1.jpg" alt=""></section>
                        <section class="swiper-slide"><img src="img/banner2.jpg" alt=""></section>
                        <section class="swiper-slide"><img src="img/banner3.jpg" alt=""></section>
                        <section class="swiper-slide"><img src="img/banner4.jpg" alt=""></section>
                    </section>
                    <section class="swiper-pagination one" id="one"></section>
                </section>
            </section>
            <section class="bannerNav">
                <section class="swiper-container" id="bannerNav">
                    <section class="swiper-wrapper">
                        <section class="swiper-slide">
                            <ul>
                                <li>
                                    <img src="img/images/主体效果图_03.png" alt="">
                                    <p>限时秒杀</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_05.png" alt="">
                                    <p>断码清仓</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_08.png" alt="">
                                    <p>新衣馆</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_10.png" alt="">
                                    <p>多多果园</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_33.png" alt="">
                                    <p>9块9特卖</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_17.png" alt="">
                                    <p>充值中心</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_22.png" alt="">
                                    <p>品牌特卖</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_20.png" alt="">
                                    <p>现金签到</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_23.png" alt="">
                                    <p>金猪赚大钱</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_25.png" alt="">
                                    <p>电器城</p>
                                </li>
                            </ul>
                        </section>
                        <section class="swiper-slide">
                            <ul>
                                <li>
                                    <img src="img/images/主体效果图_03.png" alt="">
                                    <p>限时秒杀</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_05.png" alt="">
                                    <p>断码清仓</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_08.png" alt="">
                                    <p>新衣馆</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_10.png" alt="">
                                    <p>多多果园</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_33.png" alt="">
                                    <p>9块9特卖</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_17.png" alt="">
                                    <p>充值中心</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_22.png" alt="">
                                    <p>品牌特卖</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_20.png" alt="">
                                    <p>现金签到</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_23.png" alt="">
                                    <p>金猪赚大钱</p>
                                </li>
                                <li>
                                    <img src="img/images/主体效果图_25.png" alt="">
                                    <p>电器城</p>
                                </li>
                            </ul>
                        </section>
                    </section>
                    <section class="swiper-pagination" id="two"></section>
                </section>
            </section>
            <section class="butie">
                <img src="img/images/images/主体效果图_03.png" alt="">
                <h2>百亿补贴</h2>
                <span>|</span>
                <p>正品保障</p>
                <p>全部补贴品 ></p>
            </section>
            <section class="shangping">
                <ul>
                    <li>
                        <img src="img/images/images/主体效果图_07.png" alt="">
                        <p>补贴价￥5299</p>
                    </li>
                    <li>
                        <img src="img/images/images/主体效果图_09.png" alt="">
                        <p>补贴价￥3073</p>
                    </li>
                    <li>
                        <img src="img/images/images/主体效果图_11.png" alt="">
                        <p>补贴价￥31.9</p>
                    </li>
                    <li>
                        <img src="img/images/images/主体效果图_13.png" alt="">
                        <p>补贴价￥8899</p>
                    </li>
                </ul>
            </section>
            <section class="images">
                <img src="img/images/images/主体效果图_19.png" alt="">
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
            <section class="content">
                <section class="left">
                    <img src="img/list2.jpg" alt="">
                </section>
                <section class="right">
                    <p>4大桶玻璃水汽车冬季防冻车用雨刷精雨刮水-40-25清洗液四季通</p>
                    <p>BURGLONG布格朗浅韵专卖店</p>
                    <p><span>小编推荐</span><span>玻璃水畅销前十</span></p>
                    <p><span>￥7.99</span>已拼8。3万件</p>
                </section>
            </section>
        </section>
    </main>
    <!-- 内容结束 -->
    <!-- 尾部开始 -->
    <footer>
        <ul>
            <li>
                <span class="iconfont">&#xe653;</span>
                <p>首页</p>
            </li>
            <li>
                <span class="iconfont">&#xe60f;</span>
                <p>个人中心</p>
            </li>
            <li>
                <span class="iconfont">&#xe6a2;</span>
                <p>聊天</p>
            </li>
            <li>
                <span class="iconfont">&#xe613;</span>
                <p>分类</p>
            </li>
            <li>
                <span class="iconfont">&#xeaf6;</span>
                <p>推荐</p>
            </li>

        </ul>
    </footer>
    <!-- 尾部结束 -->
</body>
<script src="./js/iscroll-probe.js"></script>
<script src="./js/swiper-3.4.2.min.js"></script>
<script src="./js/zepto-1.1.6.min.js"></script>
<script src="./js/lichunong-2020-09-17-05.js"></script>

</html>